/* 
    Document   : widget-format
    Created on : Aug 30, 2010, 11:58:58 AM
    Author     : franz
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/



.formTabla
{
	background-color: #d3d3d3;
	}

.formButton
{
    width: 130px;
	background:#eaebe6;
	margin: 2;
	border: 2px Outset;
	color:#000000;
	font-size: 90%;
	}

.textos
{
	background-color: #fff;
	margin: 5px;
	text-align: left;
}
.labels
{
	/*background: #eaeaea;*/
	background: #f5f5f5;
	width: 120px;
	padding: 0px 10px 0px 5px;
	text-align: left;
}

#tablalogin
{
	width: 360px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-left-style: ridge;
	background-color: #e6e6fa;
	border-bottom-style: ridge
	}
#panelLogin
{
	background-color: transparent;
	width: 235px;
	padding: 15px;
	border: thin #dfdfdf;
	border-top-style: groove;
	border-right-style: groove;
	border-left-style: groove;
	border-bottom-style: groove;
	}
#bienvenida
{
	width: 164px;
	color: #000000;
	font-weight: bold;
	}
#formTabla
{
	width: 441px;
	background: #fff;
	font-size:          11px;
	font-family:        Arial, Helvetica, sans-serif;
	}

#formTablaLogin
{
	width: 541px;
/*	background: url("../_images/fondoLogin.png") no-repeat left bottom;*/
	font-size:          11px;
	font-family:        Arial, Helvetica, sans-serif;
	}

#result
{
	width: 421px;
	background-color: white;
	}
#titulo
{
	font-size: 13pt;
	color: #191970;
	font-weight: bold;
	background-color: #ffffff;
	border-bottom-color: #ffffff;
	}


#containerTable
{
/*    background: url("../htmls/imgs/fondoContTD1.png") repeat;*/
    background-color: #4d4d4d;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#tdButtonBar1
{
/*    background: url("../htmls/imgs/fondoButtonBar1.png");*/
    width: 15px;
    height: 38px;
    margin:0px;
    padding:0px;
}
#tdButtonBar2
{
/*    background: url("../htmls/imgs/fondoButtonBar2.png") repeat;*/
    width: 99%;
    margin-top: -20px;
    margin-left: 4px;
    padding:0px;
}
.menuHeader
{
    width: 130px;
    border-style: solid solid none solid;
    border-color: #BCD2E6;
    border-width: 1px;
}

.menuHeader li a {
    height: 30px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 24px;
    text-decoration: none;
    }

.menuHeader li a:link, .menuHeader li a:visited {
    color: #444;
    display: block;
/*    background:  url("../htmls/imgs/fondoButton2.png");*/
    padding: 8px 0 0 10px;
    }

.menuHeader li a:hover, .menuHeader li #current {
    color: #111;
/*    background:  url("../htmls/imgs/fondoButton2Hover.png");*/
    padding: 8px 0 0 10px;
    }

/** Los botones principales **/
#menuUsuarios
{
    display: none;
    z-index: 101;
}

#menuContabilidad
{
    display: none;
    z-index: 103;
}
#menuReportes
{
	display: none;
    z-index: 104;
}
#menuAyuda
{
    display: none;
    z-index: 105;
}

#td2TitleForm
{
/*    background: url("../htmls/imgs/formTitleImg2.png") repeat;*/
    width: 100%;
}


h2 {
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    margin: 0px;
    padding: 0px 0px 0px 15px;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


/*- Menu Tabs G--------------------------- */

.tabsG {
      width:100%;
      background: transparent;
      font-size:93%;
      line-height:normal;
}
.tabsG ul {
        margin:0;
        list-style:none;
}
.tabsG li {
      display:inline;
      float: none;
      position: relative;
      margin-top: -10;
      padding:0;
}
.tabsG a {
      float:left;
/*      background:url("../htmls/imgs/tableftG.gif") no-repeat left top;*/
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
.tabsG a span {
      float:left;
      display:block;
/*      background:url("../htmls/imgs/tabrightG.gif") no-repeat right top;*/
      padding:5px 15px 4px 6px;
      color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsG a span {float:none;}
/* End IE5-Mac hack */
.tabsG a:hover span {
      color:#FFF;
}
.tabsG a:hover {
      background-position:0% -42px;
}
.tabsG a:hover span {
      background-position:100% -42px;
}

.tabsG #current a {
    background-position:0% -42px;
}
.tabsG #current a span {
    background-position:100% -42px;
}
/** End Css Generado por CssTab **/

.logoutButton
{
/*    background: url("../_images/btLogout.png");*/
    /*background: transparent;*/
}

.menuButton {
	padding-left: 7px;
	padding-right: 7px;
/*	background: url("../htmls/imgs/fondoButton.png");*/
	vertical-align: middle;
	font-size: 13px;
	border: 0;
	border-top: #fa2 groove 3px;
	border-bottom: #ffd groove 1px;
	padding: 0 2px 0 2px;
}
.menuButton:hover {
/*	background: url("../htmls/imgs/fondoButtonHover.png");*/
}

.formTabButton {
	padding-left: 7px;
	padding-right: 7px;
/*	background: url("../_images/btTabCurso.png");*/
	vertical-align: middle;
	font-size: 13px;
	border: 0;
	padding: 0 2px 0 2px;
}
.formTabButton:hover {
/*	background: url("../_images/btTabCursoOver.png");*/
}

.panel-flotante {
    float:left;
    position: absolute;
    padding: 0px;
    display: inline;
    border: outset 2px #aa7;
    margin: 1px;
    left: 0px;
    top: 0px;
    z-index: 2000;
}
